<link rel="stylesheet" href="<?php echo APP_TEMPLATES_URL;?>/css/public.css" />
<script src="<?php echo APP_TEMPLATES_URL;?>/js/checkbix.min.js" type="text/javascript" charset="utf-8"></script>
<style>
	.ltpaixu{ float: left; width: 100%; padding:0 20px; border-bottom: 1px solid #EEEEEE;background-color: #FFFFFF;}
	.ltpaixu li{ float: left; width: 50%; text-align: center;}
	.ltpaixu li p { width: 90%; margin: 0 auto;line-height: 36px; font-size:15px ;}
	.ltpaixu li p img{display: none;}
	.index p{ border-bottom: #f9b800 2px solid; color: #f9b800;}
	.index img{display: inline !important;}
</style>
<script type="application/javascript">
	function changeDiv(type){
		if(type=='all'){
			$('#pic_li').removeClass('index');
			$('#all_li').removeClass('index');
			$('#all_li').addClass('index');

			$("#all_list").css('display','block');
			$("#pic_list").css('display','none');
		}else if(type='pic'){
			$('#all_li').removeClass('index');
			$('#pic_li').removeClass('index');
			$('#pic_li').addClass('index');

			$("#pic_list").css('display','block');
			$("#all_list").css('display','none');
		}
	}
</script>
<!-- 导航 -->
<div class="mui-bar mui-bar-nav bj">
	<button id="zhuce" class="mui-btn mui-btn-link mui-btn-nav mui-pull-left zys mui-action-back">
				<img style=" max-width: 70%; vertical-align: middle;" src="<?php echo APP_TEMPLATES_URL;?>/images/back.png" />
	</button>
	<button class="mui-btn mui-btn-link mui-btn-nav mui-pull-right">
		<a href="index.php?act=cart&op=goods_cart">
			<span style="background:#efb33e;border-radius: 20px;color: #000000;font-size: 14px;padding: 1px 2px 2px 2px;min-width: 20px;line-height: 17px;position: absolute;right: 5px;top: 4px;text-align: center;<?php if(!($output['cart_num_con']>0)){echo 'display: none';}?>"><?php echo $output['cart_num_con']; ?></span>
			<img style=" max-width: 70%; vertical-align: middle;" src="<?php echo APP_TEMPLATES_URL;?>/images/01.png" />
		</a>
	</button>
	<h1 class="mui-title"><label style="font-size: 18px;vertical-align: middle; line-height: 44px;">评论</label></h1>
</div>

<div style="height: 10px; background: #F4F4F4; clear: both;"></div>
<ul class="ltpaixu">
	<li id="all_li" onclick="changeDiv('all')" class="index" style="cursor: pointer"><p>全部（<?php echo $output['goods_evaluate_info']['all'];?>）</p></li>
	<li id="pic_li" onclick="changeDiv('pic')" class="" style="cursor: pointer"><p>有图（<?php echo $output['pic_num'];?>）</p></li>
</ul>

<div style="padding: 16px;" id="all_list">

	<?php if(!empty($output['goodsevallist']) && is_array($output['goodsevallist'])){?>
		<?php foreach($output['goodsevallist'] as $k=>$v){?>
			<table width="100%" border="0">
				<tr style="height: 85px; ">
					<td style="vertical-align: bottom;"><img style="vertical-align: middle; max-width: 50%;width: 65px;height: 65px;" src="<?php echo getMemberAvatarForID($v['geval_frommemberid']);?>"/><label style="font-size: 17px;"><?php echo str_cut($v['geval_frommembername'],2).'***';?></label></td>
					<td style="text-align: right;vertical-align: middle"><label style=" font-size: 15px;"><?php echo @date('Y-m-d H:i:s',$v['geval_addtime']);?></label></td>
				</tr>

				<tr>
					<td colspan="2"><p style="color: #000000; font-size: 15px; line-height: 25px;padding: 5px 0;"><?php echo $v['geval_content'];?></p></td>
				</tr>
				<tr>
					<td colspan="2">
						<?php if(!empty($v['geval_image'])) {?>
							<?php $image_array = explode(',', $v['geval_image']);?>
							<?php foreach ($image_array as $value) { ?>
								<img style="max-width: 32%; border: 1px solid #DDDDDD !important;" src="<?php echo snsThumb($value);?>" />
							<?php } ?>
						<?php } ?>

					</td>
				</tr>
				<tr>
					<td colspan="2"><p style="font-size: 15px; line-height: 25px;padding: 5px 0; color: #999999;"></p></td>
				</tr>
			</table>
			<div style="height: 2px; background: #f5f5f5; clear: both;"></div>
		<?php }?>
	<?php }?>
</div>

<div style="padding: 16px;display: none;" id="pic_list">

	<?php if(!empty($output['pic_arr']) && is_array($output['pic_arr'])){?>
		<?php foreach($output['pic_arr'] as $k=>$v){?>
			<table width="100%" border="0">
				<tr style="height: 85px; ">
					<td style="vertical-align: bottom;"><img style="vertical-align: middle; max-width: 50%;width: 65px;height: 65px;" src="<?php echo getMemberAvatarForID($v['geval_frommemberid']);?>"/><label style="font-size: 17px;"><?php echo str_cut($v['geval_frommembername'],2).'***';?></label></td>
					<td style="text-align: right;vertical-align: middle"><label style=" font-size: 15px;"><?php echo @date('Y-m-d H:i:s',$v['geval_addtime']);?></label></td>
				</tr>

				<tr>
					<td colspan="2"><p style="color: #000000; font-size: 15px; line-height: 25px;padding: 5px 0;"><?php echo $v['geval_content'];?></p></td>
				</tr>
				<tr>
					<td colspan="2">
						<?php if(!empty($v['geval_image'])) {?>
							<?php $image_array = explode(',', $v['geval_image']);?>
							<?php foreach ($image_array as $value) { ?>
								<img style="max-width: 32%; border: 1px solid #DDDDDD !important;" src="<?php echo snsThumb($value);?>" />
							<?php } ?>
						<?php } ?>

					</td>
				</tr>
				<tr>
					<td colspan="2"><p style="font-size: 15px; line-height: 25px;padding: 5px 0; color: #999999;"></p></td>
				</tr>
			</table>
			<div style="height: 2px; background: #f5f5f5; clear: both;"></div>
		<?php }?>
	<?php }?>
</div>

